<template>
  <div class="padding">
  <a-card :bordered="false">
      <a-flex gap="middle" justify="space-between">
          <a-flex gap="middle">
              <a-avatar :size="64"/>
              <div>
                  <a-typography-title :level="4">Hi，Jack Mark，祝你开心每一天！</a-typography-title>
                  <a-typography-text type="secondary">快速简洁任务、订单、项目、账务、客户、产品SaaS轻云平台</a-typography-text>
              </div>
          </a-flex>
         <overview/>
      </a-flex>
  </a-card>
  <a-row :gutter="20" type="flex" class="margin-top">
      <a-col :flex="1">
          <a-card title="待办事项" class="margin-bottom">

          </a-card>
          <a-card title="订单动态" class="margin-bottom">

          </a-card>
          <a-card title="项目动态" class="margin-bottom">
            动态读取Icon
          </a-card>

          <a-card title="收支动态" class="margin-bottom">

          </a-card>
      </a-col>
      <a-col flex="350px">
          <a-card title="快速开始 / 便捷导航" class="margin-bottom">卡片内容</a-card>
          <a-card title="通知公告" class="margin-bottom">卡片内容</a-card>
          <a-card title="团队成员" class="margin-bottom">卡片内容</a-card>
          <a-card title="使用帮助" class="margin-bottom">卡片内容</a-card>
      </a-col>
  </a-row>
  </div>
</template>

<script lang="ts" setup>
import overview from './components/overview.vue'
import {getPermissionList} from "@/api/modules/permission";
import {onMounted} from "vue";
const save = async ()=>{
  await getPermissionList()
}
onMounted(()=>{
  save()
})
</script>

<style scoped>

</style>